<!DOCTYPE html>
<html lang="en">
<head th:replace="/admin/_backend-fragments :: backend-head-template"><title></title></head>
<body>
<script src="https://cdn.jsdelivr.net/npm/jquery@3.2/dist/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/semantic-ui@2.4.2/dist/semantic.min.js"></script>


<div class="ui basic container custom-padded-tb-huge">
  <form class="ui form teal segment custom-padded-tb-huge">
    <div class="two fields">
      <div class="field">
        <label class="center aligned">账号</label>
        <input placeholder="username" name="username" type="text">
      </div>
      <div class="field">
        <label>密码</label>
        <input placeholder="password" name="password" type="password">
      </div>
    </div>
    <div class="two fields">
      <div class="field">
        <label>邮箱</label>
        <input placeholder="email" name="email" type="email">
      </div>
      <div class="field">
        <label>个人网址</label>
        <input type="text" name="website">
      </div>
    </div>
    <div class="ui primary submit button">Submit</div>
    <div class="ui error message"></div>
  </form>
</div>





<script>
  $('.ui.form').form({
    fields : {
      username: {
        identifier: 'username',
        rules: [
          {
            type: 'empty',
            prompt: '用户名不能为空！'
          }
        ]
      },
      password: {
        identifier: 'password',
        rules: [
          {
            type: 'empty',
            prompt: '密码不能为空！'
          }
        ]
      },
      email: {
        identifier: 'email',
        rules: [
          {
            type: 'empty',
            prompt: '邮箱不能为空！'
          }
        ]
      }
    }
  });
</script>



</body>
</html>